<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./src/js/jquery-1.11.1.min.js"></script>
    <script src="./src/js/echarts.min.js"></script>
    <script src="./src/js/china.js"></script>
    <script src="./src/js/dialog.js"></script>
    <link rel="stylesheet" href="./src/css/dialog.min.css">
    <link rel="stylesheet" href="./src/css/base.css">
    <title>我的简历/笔试题</title>
</head>

<body>
<div class="navbar">
    <ul>
        <li class="active"><a href="javascript:void(0)" class="" rel="1">我的简历</a></li>
        <li><a href="javascript:void(0)" class="" rel="2">我的旅行</a></li>
        <li><a href="javascript:void(0)" class="" rel="3">笔试题1</a></li>
        <li><a href="javascript:void(0)" class="" rel="4">笔试题2</a></li>
    </ul>
</div>
<div class="main">
<div class="page page1">
    <div class="cnt basic">
        <p class="basic-name">郑超<i class="basic-sex"></i></p>
        <p class="basic-info">
            <span class="basic-company">北京代码澎湃科技有限公司</span>
            <span> / </span>
            <span class="basic-job">web前端</span>
        </p>
        <p class="basic-info">
            <span class="basic-year">5年工作经验</span>
            <span> / </span>    
            <span class="basic-en">本科</span>
            <span> / </span>
            <span class="basic-year">27岁</span>
        </p>
        <p class="basic-info">
            <span class="tel">15811445510</span>
            <span class="email">zctiantnag@163.com</span>
        </p>
        <img src="https://www.lgstatic.com/i/image2/M01/8A/FD/CgoB5luXGDCATVBwAAJYf2-ona0010.jpg" alt="" class='basic-pic'>
    </div>
    <div class="cnt self">
        <h4 class="cnt-tit">自我描述</h4>
        <ul class="cnt-tagbar clearfix">
            <li>责任心</li>
            <li>抗压能力</li>
            <li>自驱力</li>
            <li>执行力</li>
        </ul>
        <p class="cnt-desc">本人有5年前端开发工作经验，对相关开发业务熟悉；积极向上，沟通能力工作协调能力较强，对待工作踏实肯干，喜欢接触新技术，求知欲高，良好的前端编程能力和编程习惯，致力于代码的整体结构规范及优化。</p>
    </div>
    <div class="cnt self">
        <h4 class="cnt-tit">工作经历</h4>
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">北京代码澎湃科技有限公司/技术部<span>2017.09-2018.09</span></p>
                <p class="exjob ">WEB前端</p>
            </div>
            <ul class="cnt-tagbar clearfix">
                <li>前端开发</li>
                <li>HTML</li>
                <li>Javascript</li>
            </ul>
            <ul>
                <li class="cnt-desc">负责pc和移动端的web页面制作，根据后台传回数据进行前端逻辑处理、交互等操作。</li>  
                <li class="cnt-desc">熟练掌握htmlcssjavascript技术，运用div+css构建页面；熟练掌握前后端交互逻辑，针对数据进行前端处理；掌握jquery、vue、bootsptrap等优秀框架，有开发相关项目经验；对新事物、新技术保持强烈的好奇心，有很强的研究兴趣；</li> 
            </ul>
        </div>
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">北京英软弘毅网络信息有限公司<span>2015.05-2017.08</span></p>
                <p class="exjob ">前端开发工程师</p>
            </div>
            <ul>
                <li class="cnt-desc">1.负责对项目需求进行分析，制定前端开发框架；</li>  
                <li class="cnt-desc">2.根据项目需求，运用前端技术进行系统开发；</li> 
                <li class="cnt-desc">3.与前后台及产品经理对接，负责与后台数据对接，和产品经理就细节优化进行讨论；</li> 
                <li class="cnt-desc">4.根据项目反馈，对产品进行合理优化；</li> 
            </ul>
        </div>
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">北京优麦可思广告有限公司<span>2013.06-2014.10</span></p>
                <p class="exjob ">前端工程师</p>
            </div>
            <ul>
                <li class="cnt-desc">运用div+css对设计师的设计稿进行代码化。</li>  
            </ul>
        </div>
    </div>
    <div class="cnt self">
        <h4 class="cnt-tit">项目经历</h4>
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">捏积派 国医堂小儿推拿<span>2018.02-2018.08</span></p>
            </div>
            <p class="cnt-desc">捏积派 国医堂小儿推拿项目分为pc后台管理系统、移动端医生操作系统（android/ios）、微信端预约系统三部分。PC管理系统包括推拿师信息管理，预约管理，订单管理，推拿师工作统计，计费，病历检查，会员数据管理,快速开单等功能，主要解决管理国医堂小儿推拿日常工作项目的管理，属于内部办公软件。微信端提供医院信息，推拿师信息，会员可进行在线预约小儿推拿，也可查看相关订单情况。在推拿结束后，会员也可以在微信端对推拿服务进行评价。PC后台管理主要使用了jQuery、bootstrap等优秀框架。微信端基于vuejs进行页面搭建。</p>
        </div> 
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">北京站智能网格管理系统<span>2017.04-2017.12</span></p>
            </div>
            <p class="cnt-desc">北京站智能网格管理系统是北京火车站内部业务管理系统，包括地理定位，接发车作业，站内设备报修监控，网格监控，人员管理，站内业务统计等功能，是智慧车站的组成部分。本人主要负责系统前端页面的制作，与后台数据的逻辑交互。该项目分为指挥中心管理界面和后台系统管理界面，使用了jQuery、vuejs、bootstrap优秀框架。指挥中心管理界面主要显示站内接发车作业任务的下发，接收和完成情况。设备的状态管理、报修、维护等，要求对信息进行动态更新，让操作员工对信息及时掌握。使用定位服务，实时更新人员所在位置，设备状态，与移动端联合使用，在屏幕中显示人员位置，设备报修状态等。</p>
        </div> 
    </div>
    <div class="cnt self">
        <h4 class="cnt-tit">教育经历</h4>
        <div class="exwrap">
            <div class="exinfo">
                <p class="extit font-strong clearfix">佳木斯大学<span>2009-2013</span></p>
                <p class="exjob ">本科 / 电子商务</p>
            </div>
        </div>
    </div>
</div>
<div class="page page2 hidden">
    <div id="mytravel" style="height: 800px;width:1200px;background:white;margin:20px auto 0;"></div>
</div>
<div class="page page3 hidden">
    <p>实现逻辑</p>
    <ul>
        <li>1 拆分字符串1</li>
        <li>2 查询两字符串匹配的单词</li>
        <li>3 两字符串匹配的单词，根据要求进行查询后，放入临时数组的特定位置</li>
        <li>4 根据临时数据情况返回最终结果</li>
    </ul>
    <p>demo</p>
    <div class="demowrap">
        <label for="">字符串s：<input type="text" name="test1" class="demo-input"></label>
        <label for="">字符串t：<input type="text" name="test2" class="demo-input"></label>
        <button onclick="dodemo1()">执行</button>
        <p style="margin-top:10px">结果：</p>
        <div class="demoresult" id="test1out"></div>
    </div>
</div>
<div class="page page4 hidden">
    <p>实现逻辑</p>
    <ul>
        <li>以m开头n个连续正整数 m+(m+1)+(m+2)+...+(m+n-1) = n*(m*2+n-1)/2</li>
        <li>得出 num = n*(m*2+n-1)/2;</li>
        <li>变形得到m和n的关系 m = (2*num/n - n + 1)/2</li>
        <li>需要满足 2*num%n == 0 && m > 0</li>
    </ul>
    <p>demo</p>
    <div class="demowrap">
        <label for="">请输入正整数N（0 &lt; N &lt; =10000）<input type="text" name="test3" class="demo-input" /></label>
        <button onclick="dodemo2()">执行</button>
        <p style="margin-top:10px">结果：</p>
        <div class="demoresult" id="test2out"></div>
    </div>
</div>
</div>
<div id="test1out">
    
</div> 
<div id="test2out">
    
</div> 
<div id="popdiv" class="hidden">
    <label>备注： <input class="plan-input" type="text"></label>      
</div>
<script src="./src/js/main.js"></script>  
<!-- <script src="temp.js"></script>   -->
</body>
</html>